

<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/header.css">
<script src="js/header.js"></script>

<header>
    <div class="head">
   <div class="center">
  <nav>
    <a href=""><span>小米商城</span></a>
    <a href=""><span>MIUI</span></a>
    <a href=""><span>loT</span></a>
    <a href=""><span>云服务</span></a>
    <a href=""><span>天星数科</span></a>
    <a href=""><span>有品</span></a>
    <a href=""><span>小爱开放平台</span></a>
    <a href=""><span>企业团购</span></a>
    <a href=""><span>资质证照</span></a>
    <a href=""><span>协议规则</span></a>
    <a href=""><span class="xia">下载app</span></a>
    <a href=""><span>智能生活</span></a>
    <a href=""><span class="last">Select Location</span></a>
  </nav>
  <div class="xiazai">
      <img src="img/wx-img.png" alt="">
  </div>
  <div class="header_right">
      <a href="denglu.html"><span class="">登录</span> </a>
          
     
      <a href="zhuce.html"><span class="">注册</span> </a>
          
    
      <a href=""><span class="last">消息通知</span></a>
  </div>

  <div class="header_end">
      <a href="">
    <span class="iconfont icon-gouwuchekong orange">
        购物车( <span class="">0</span> )
    </span>
    </a>
  </div>

   </div>
</div>
   <section>
       <h1> <img /></h1>
       <ul class="h">
           <a href=""><li class="h">Xiaomi手机</li></a>
           <a href=""><li class="h">Redmi红米</li></a>
           <a href=""><li class="h">电视</li></a>
           <a href=""><li class="h">笔记本</li></a>
           <a href=""><li class="h">平板</li></a>
           <a href=""><li class="h">家电</li></a>
           <a href=""><li class="h">路由器</li></a>
           <a href=""><li>服务</li></a>
           <a href=""><li>社区</li></a>
       </ul>
       <div class="sou">
       <input type="text" placeholder="黑鲨4S">
       
           <span class="iconfont icon-fangdajing"></span>
       
        </div>
   </section>

   <div class="huadong">
    <div class="cente">
       <a href="huodong.html" >
        <figure class="one"> <img />
            <figcaption>1</figcaption>
            <span>2</span>
        </figure>
       </a> 
       <a href="huodong.html">
        <figure class="two"> <img/>
            <figcaption>1</figcaption>
            <span>2</span>
        </figure>
       </a> 
       <a href="huodong.html">
        <figure class="three"> <img/>
            <figcaption>1</figcaption>
            <span>2</span>
        </figure>
       </a> 
       <a href="huodong.html">
        <figure class="four"> <img/>
            <figcaption>1</figcaption>
            <span>2</span>
        </figure>
       </a> 
       <a href="huodong.html">
        <figure class="five"> <img/>
            <figcaption>1</figcaption>
            <span>2</span>
        </figure>
       </a> 
       <a href="huodong.html">
        <figure class="sex"> <img/>
            <figcaption>1</figcaption>
            <span>2</span>
        </figure>
       </a> 
    </div>
   </div>
</header>